<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
    />
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/public.css">
    <link rel="stylesheet" type="text/css" href="swiper/swiper.min.css">
    <script src="js/reset.js"></script>
    <title></title>
</head>

<body>
    <div class="container">
        <header>
            <div style="font-size: 12px;" class="logo">
                <img src="img/images/LOGO.png" alt="">
            </div>
            <div class="meun">
                <div class="more"></div>
                <span>首页</span>
            </div>
            <div class="meun-bar">
                <div class="head">
                    <div style="font-size: 12px;" class="logo">
                        <img src="img/images/LOGO.png" alt="">
                    </div>
                    <div class="inner-meun close">
                        <div class="more close"></div>
                        <span>首页</span>
                    </div>
                </div>
                <ul class="yiji">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="pages/celebrity.html">洋葱抖音名人</a>
                    </li>
                    <li>
                        <!--newsInformation.html-->
                        <a href="#" class="inactive">新闻资讯</a>
                        <ul style="display: none">
                            <li class="last">
                                <a href="#">123</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <!--newsInformation.html-->
                        <a href="#" class="inactive">洋葱抖音</a>
                        <ul style="display: none">
                            <li class="last">
                                <a href="#">123</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="pages/introduction.html">联系我们</a>
                    </li>
                    <li>
                        <!--newsInformation.html-->
                        <a href="#" class="inactive">洋葱服务</a>
                        <ul style="display: none">
                            <li class="last">
                                <a href="#">123123</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <!--<ul>
            		<li>
            			<a href="successfulCases.html">成功案例</a>
            		</li>
            		<li>
            			<a href="introduction.html">公司介绍</a>
            		</li>
            		<li>
            			<a href="joinUs.html">加入我们</a>
            		</li>
            		<li>
            			<a href="informationPlatform.html">平台资讯</a>
            		</li>
            		<li>
            			<a href="../index.html">首页</a>
            		</li>
            		<li>
            			<a href="newsInformation.html">新闻资讯</a>
            		</li>
            		<li>
            			<a href="onionTrill.html">洋葱抖音</a>
            		</li>
            		<li>
            			<a href="onionService.html">洋葱服务</a>
            		</li>
            		<li>
            			<a href="onionThink-tank.html">洋葱智库</a>
            		</li>
            		<li>
            			<a href="businessIntroduction.html">业务介绍</a>
            		</li>
            	</ul>-->
            </div>
        </header>
        <div class="content">
            <div class="banner">
                <div class="swiper-banner-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="img/images/banner1.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="img/banner2.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="img/banner3.jpg" alt="">
                        </div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <!--洋葱抖音名人-->
            <div class="tit-block famousPerson">
                <div class="title">
                    <p class="name">洋葱抖音名人</p>
                    <div class="imgs">
                        <img src="img/p01.png" alt="">
                    </div>
                </div>
                <div class="swiper-famousPerson-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="swiperimgs">
                                <img src="img/images/代古拉K.jpg" alt="">
                                <div class="description">
                                    <p>代古拉K</p>
                                    <p>粉丝数：
                                        <span>935W</span>
                                    </p>
                                    <p>点赞数：
                                        <span>1460W</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="swiperimgs">
                                <img src="img/banner2.jpg" alt="">
                                <div class="description">
                                    <p>代古拉K</p>
                                    <p>粉丝数：
                                        <span>935W</span>
                                    </p>
                                    <p>点赞数：
                                        <span>1460W</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="swiperimgs">
                                <img src="img/banner3.jpg" alt="">
                                <div class="description">
                                    <p>代古拉K</p>
                                    <p>粉丝数：
                                        <span>935W</span>
                                    </p>
                                    <p>点赞数：
                                        <span>1460W</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--成功案例-->
            <div class="tit-block successCases">
                <div class="title">
                    <p class="name">成功案例</p>
                    <div class="imgs">
                        <img src="img/p01.png" alt="">
                    </div>
                </div>
                <div class="swiper-successCases-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="swiperimgs">
                                <div class="imgs">
                                    <img src="img/banner1.jpg" alt="">
                                </div>
                                <div class="description">
                                    <div class="title">
                                        <p class="tip">视频广告</p>
                                        <p class="tip-name">北汽集团驭胜汽车</p>
                                    </div>
                                    <div class="article">
                                        <p>汽车推广类种，当其余短视频播放量褒词在30-200W上下时，小野与脑爷跨界合作</p>
                                        <p>全网播放量破1亿，远超二量级团队</p>
                                        <p>开辟了汽车广告领域，被誉为汽车界2017年度现象级广告，微博汽车频道年度案例</p>
                                        <p>汽车之家推介案例</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="swiperimgs">
                                <div class="imgs">
                                    <img src="img/banner2.jpg" alt="">
                                </div>
                                <div class="description">
                                    <div class="title">
                                        <p class="tip">视频广告</p>
                                        <p class="tip-name">北汽集团驭胜汽车</p>
                                    </div>
                                    <div class="article">
                                        <p>汽车推广类种，当其余短视频播放量褒词在30-200W上下时，小野与脑爷跨界合作</p>
                                        <p>全网播放量破1亿，远超二量级团队</p>
                                        <p>开辟了汽车广告领域，被誉为汽车界2017年度现象级广告，微博汽车频道年度案例</p>
                                        <p>汽车之家推介案例</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="swiperimgs">
                                <div class="imgs">
                                    <img src="img/banner3.jpg" alt="">
                                </div>
                                <div class="description">
                                    <div class="title">
                                        <p class="tip">视频广告</p>
                                        <p class="tip-name">北汽集团驭胜汽车</p>
                                    </div>
                                    <div class="article">
                                        <p>汽车推广类种，当其余短视频播放量褒词在30-200W上下时，小野与脑爷跨界合作</p>
                                        <p>全网播放量破1亿，远超二量级团队</p>
                                        <p>开辟了汽车广告领域，被誉为汽车界2017年度现象级广告，微博汽车频道年度案例</p>
                                        <p>汽车之家推介案例</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-prev swiper-button-black"></div>
                    <!--左箭头-->
                    <div class="swiper-button-next swiper-button-black"></div>
                    <!--右箭头-->
                </div>
            </div>
            <!--抖音活动-->
            <div class="tit-block doyinactivity">
                <div class="title">
                    <p class="name">洋葱抖音活动</p>
                    <div class="imgs">
                        <img src="img/p01.png" alt="">
                    </div>
                </div>
                <div class="activity">
                    <div class="act-block">
                        <div class="headline">
                            <span>【抖音】</span>3个月涨粉 独家揭秘洋葱爆款IP背后的秘密</div>
                        <p class="time">2018-5-3 19:00:00</p>
                        <div class="news">
                            <div class="imgl"></div>
                            <div class="content">
                                <p>1个月打造素人近1000万粉丝现象级IP，洋葱首度曝光代古拉K背后的方法论；</p>
                                <p>从办公室小野到代古拉K</p>
                                <p>洋葱的内容运营技巧大公开</p>
                            </div>
                            <div class="imgr"></div>
                        </div>
                    </div>
                    <div class="act-block mt30">
                        <div class="headline">
                            <span></span>30天打造抖音千万级粉丝</div>
                        <div class="news">
                            <div class="imgl"></div>
                            <div class="content bt0">
                                <p>洋葱集团星校事业部VP ，资深媒体人 ，著名摄影师 ，成功孵化多个现象级IP ,创造抖音单月播放超6亿，粉丝增长逾千万的奇迹。</p>
                                <div class="content-list">
                                    <p>1. 抖音算法——一个不能说的“秘密”</p>
                                    <p>2. 抖音如何从0到1000000？</p>
                                    <p>3. 千万级刷屏爆款的诀窍</p>
                                </div>
                            </div>
                            <div class="imgr"></div>
                        </div>
                    </div>
                    <!--<div class="news mt30 ">
                        <div class="imgl"></div>
                        <div class="content bt0">
                            <p>1个月打造素人近1000万粉丝现象级IP，洋葱首度曝光代古拉K背后的方法论；</p>
                            <p>从办公室小野到代古拉K</p>
                            <p>洋葱的内容运营技巧大公开</p>
                        </div>
                        <div class="imgr"></div>
                    </div>-->
                </div>

            </div>
            <!--洋葱服务-->
            <div class="tit-block yangcongservice">
                <div class="model"></div>
                <div class="title">
                    <p class="name">洋葱服务</p>
                    <div class="imgs">
                        <img src="img/p06.png" alt="">
                    </div>
                </div>
                <div class="service">
                    <div class="details">
                        <div class="details-content">
                            <div class="details-name">数据咨询</div>
                            <div class="details-describe">基于权威的移动端全平台内容大数据，新榜提供新媒体发展状况的动态、详实数据，以及全方位的咨询评估服务。</div>
                        </div>
                        <div class="details-imgs">
                            <img src="img/p07.png" alt="">
                        </div>
                    </div>
                    <div class="details">
                        <div class="details-content">
                            <div class="details-name">广告营销</div>
                            <div class="details-describe">通过线上平台提供广告主和媒体主自助交易服务，并组建专业团队提供广告营销增值服务，包括策略投放、产品组合、效果监测等，
覆盖全平台信息流、头部KOL、中长尾自媒体等海量移动端广告资源，全面服务于品牌客户及渠道代理商公司。</div>
                        </div>
                        <div class="details-imgs">
                            <img src="img/p08.png" alt="">
                        </div>
                    </div>
                    <div class="details">
                        <div class="details-content">
                            <div class="details-name">保底分成</div>
                            <div class="details-describe">依托新榜大数据优势，对优质商品和内容渠道进行精准匹配，在实现品牌传播和电商销售的同时， 为自媒体变现开拓新的内容电商增量市场。</div>
                        </div>
                        <div class="details-imgs">
                            <img src="img/p09.png" alt="">
                        </div>
                    </div>
                    <div class="details">
                        <div class="details-content">
                            <div class="details-name">版权经纪</div>
                            <div class="details-describe">为PUGC著作权所有者提供版权代理、交易、授权、维权等MCN开发服务，实现优质内容的跨平台分发和多介质传播，
全方位发掘优质内容的传播价值和商业潜力。</div>
                        </div>
                        <div class="details-imgs">
                            <img src="img/p10.png" alt="">
                        </div>
                    </div>
                    <div class="details">
                        <div class="details-content">
                            <div class="details-name">孵化加速</div>
                            <div class="details-describe">联合顶级VC和产业巨头，帮助早期内容创业者在各个商业领域展开创新和尝试，力争在消费升级时代培育出一批具有核心竞争力的人格化、视频化、电商化内容品牌。</div>
                        </div>
                        <div class="details-imgs">
                            <img src="img/p11.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <!--新闻资讯-->
            <div class="tit-block xinweninformation">
                <div class="model"></div>
                <div class="title">
                    <p class="name">新闻资讯</p>
                    <div class="imgs">
                        <img src="img/p01.png" alt="">
                    </div>
                </div>
                <div class="information">
                    <div class="info-block">
                        <div class="info-imgs">
                            <img src="img/banner1.jpg" alt="">
                        </div>
                        <div class="info-content">
                            <div class="number">
                                <span>26</span>
                            </div>
                            <div class="info-title">
                                抖音5000万粉丝，单月...
                            </div>
                            <div class="info-detail">
                                抖音是当下新媒体圈乃至整个互联网圈最火的话题，飙升的用户，让人沉浸其中无法自拔的内容，以及层出不穷的爆款，都令人心动。
                            </div>
                            <div class="btn">
                                <button>MORE</button>
                            </div>
                        </div>
                    </div>
                    <div class="info-block imgr">
                        <div class="info-imgs">
                            <img src="img/banner1.jpg" alt="">
                        </div>
                        <div class="info-content">
                            <div class="number">
                                <span>26</span>
                            </div>
                            <div class="info-title">
                                洋葱集团3个月五千万粉...
                            </div>
                            <div class="info-detail">
                                据抖音平台数据,洋葱集团旗下的代古拉k在抖音上10天完成了500万粉丝的增长。IP孵化至今不到一个月的时间,粉丝总数已接近10
                            </div>
                            <div class="btn">
                                <button>MORE</button>
                            </div>
                        </div>
                    </div>
                    <div class="info-block">
                        <div class="info-imgs">
                            <img src="img/images/3.jpg" alt="">
                        </div>
                        <div class="info-content b0">
                            <div class="number">
                                <span>26</span>
                            </div>
                            <div class="info-title">
                                洋葱集团旗下代古拉K仅...
                            </div>
                            <div class="info-detail">
                                017到2018年的现象级App非抖音莫属，它的碎片化信息流潜移默化地入侵到我们的生活，也给了创作者，机构以及品牌一个天花板极高的流量入口
                            </div>
                            <div class="btn">
                                <button>MORE</button>
                            </div>
                        </div>
                    </div>
					<div class="info-block imgr">
						<div class="info-imgs">
							<img src="img/images/4.jpg" alt="">
						</div>
						<div class="info-content b0">
							<div class="number">
								<span>26</span>
							</div>
							<div class="info-title">
								洋葱集团旗下代古拉K抖音...
							</div>
							<div class="info-detail">
								据相关数据显示，抖音在春节期间登顶国内App Store下载榜榜首，一季度又登上全球第一的应用的交椅。从2017年开始，抖音成为了公认的造星...
							</div>
							<div class="btn">
								<button>MORE</button>
							</div>
						</div>
					</div>
                </div>
            </div>
            <!--联系我们-->
            <div class="tit-block lianxius">
                <div class="model"></div>
                <div class="title">
                    <p class="name">联系我们</p>
                    <div class="imgs">
                        <img src="img/p01.png" alt="">
                    </div>
                </div>
                <div class="contactus">
                    <div class="form">
                        <div class="input">
                            <span>Name</span>
                            <input type="text">
                        </div>
                    </div>
                    <div class="form">
                        <div class="input">
                            <span>Email</span>
                            <input type="text">
                        </div>
                    </div>
                    <div class="form">
                        <div class="input">
                            <span>Subject</span>
                            <input type="text">
                        </div>
                    </div>
                    <div class="form">
                        <div class="input">
                            <span class="db">Message</span>
                            <textarea></textarea>
                        </div>
                    </div>
                    <div class="btn">
                        <button>SEND MESSAGE</button>
                    </div>
                </div>
            </div>
        </div>
        <footer>
            <div class="footer">

            </div>
        </footer>
    </div>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/public.js"></script>
</body>

<script src="swiper/swiper.min.js"></script>
<script>
    $(function () {

        //         $(document).click(function (e) {
        //             var target = $(e.target);
        //             if (target.closest(".meun").length != 0) return;
        //             $(".meun-bar").hide();
        // 
        //         });
    });
    var bannerSwiper = new Swiper('.swiper-banner-container', {
        loop: true,
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },
    })
    var famousPersonSwiper = new Swiper('.swiper-famousPerson-container', {
        slidesOffsetBefore: 0
    });
    var successCasesSwiper = new Swiper('.swiper-successCases-container', {
        slidesPerView: 1,
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    });
</script>

</html>
